What is on this screen?

This screen is the real backbone of Sunrise waterfall and it is from here you'll do all of your heavy lifting.
Upon creating your new page, or upon opening one you're already working on, you are placed into the elements screen.
At first this will be an empty list with one item:
"Save and go back."
Does what you'd expect, really.
As you add elements, they will appear in this list.
To add an element, either press tab to get to the insert button, or simply press Control I.
If you have a list of elements like so:
heading,
paragraph,
Heading 2.
If you wanted to insert another element before the paragraph, simply arrow to the paragraph and press control I.
To move elements, hold down alt and press the up and down arrow keys to move it in the respective direction.
to edit an already added element, press enter on it.

The two menus:

This screen has two menus, one of which you access by pressing alt, the other by pressing your applications key.
By pressing alt you can:

• View the page in a browser.
• Delete the page.
• Paste in some text: use this if you've nicely formatted your text in Microsoft word, for example and now want to directly paste it across.
• Save as preset: Turn this page into a preset.
• Get the size of an image: This is a small tool to tell you how big a picture is (in pixels).

From the context menu you can:

• View raw html: This will show the raw html of your tag. Useful for learning the language as you go!
• Add or edit ID: As the name suggests, allows you to add or edit the ID attribute of the tag.

Presets.

Presets are code snippets which you may want to be the same on several pages, but don't want to have to keep adding them over and over again.

Some examples of when presets might be used are:

• Navigation: You can make a preset to act as your navigation bar.
• Footer: You can add a preset that acts as the bottom part of your page, where you might put such things as copyright information.
• Important links: This could be such things as privacy policies, GDPR agreements and such

More about Links:

Links can go to three places:

1. External: this would be for instance, a website. Make sure when you paste this to include the http of your link. For instance: http://nathantech.net.

2. Other pages: These would be other pages of the project. For these, simply enter their name followed by .html, for example: "Contact.html"

3. Internal. If you wanted to make a link that would jump you to a certain heading, you could do this by entering a number sign in front of the ID. What is the ID I hear you ask?

An ID is an attribute which is given to most tags in HTML. Don't worry! Sunrise Waterfall can handle it for you.

All you need to do is find the element in your page view, press your applications key and voila.

Then you can refer to this ID from within your links.

Say you set the ID of a heading to top. You would link to this by entering #top in the target field of your link.

but wait, there's more!

Not sure what an element is for?
Simply tab across while in the insert list and press the "element information" button!

Built with thanks using Sunrise Waterfall by Nathan Tech.